﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link href="~/css/bootstrap.css" rel="stylesheet" />
    <link href="~/css/my_css.css" rel="stylesheet" />
    <link href="~/css/bootstrap.css" rel="stylesheet" />
    <link href="~/css/buttons.css" rel="stylesheet" />
    <link href="~/css/font-awesome.css" rel="stylesheet" />

    <script src="~/js/jquery-1.7.1.js"></script>
    <script src="~/js/bootstrap.js"></script>
    <!--Upload plugin-->
    <link href="~/css/uploadify.css" rel="stylesheet" />
    <script src="~/js/jquery.uploadify-3.1.js"></script>

    <script src="~/js/script.js"></script>

    <!--Scroll plugin-->
    <link href="~/css/jquery.mCustomScrollbar.css" rel="stylesheet" />
    <script src="~/js/jquery.mCustomScrollbar.concat.min.js"></script>

    <title>@ViewBag.Title</title>
    <script src="~/js/pdfobject.js"></script>

    <!--Audio plugin-->
    <link href="~/audioplayer/panzer.list.css" rel="stylesheet" />
    <script src="~/audioplayer/panzer.list.js"></script>

    <style type="text/css">
        .uploadify-button {
            background-color: transparent;
            border: none;
            padding: 0;
        }

        .uploadify:hover .uploadify-button {
            background-color: transparent;
        }
    </style> 
</head>
<body style="background-image: url('../../img/bg.png'); background-repeat: repeat-x;">
    <!--Header-->    
    <div class="container" id="header" style="margin-top: 20px;">
        <div class="navbar navbar-inverse" style="position: static;">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-inverse-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">ÉpShare</a>
                    <div class="nav-collapse collapse navbar-inverse-collapse">
                        <ul class="nav">
                            <li><a href="#">Qui định</a></li>
                            <li><a href="#">Mua tài khoản</a></li>
                            <li><a href="#">Hỗ trợ</a></li>
                            <li><a href="#">ÉpShare tool</a></li>
                        </ul>
                        <ul class="nav pull-right">
                            <li class="divider-vertical"></li>
                            <li class="dropdown" id="menu">
                                @using AD_Project.Models
                                @if (Session["acc"] != null)
                                {
                                    Account acc = (Account)Session["acc"];   
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">@acc.username <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="javascript:login();">Quản lí file</a></li>
                                        <li><a href="javascript:register();">Logout</a></li>
                                    </ul>
    
                                } else 
                                {
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tài khoản <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="javascript:login();">Đăng nhập</a></li>
                                    <li><a href="javascript:register();">Đăng kí</a></li>
                                </ul>
                                }
                            </li>
                        </ul>
                    </div>
                    <!-- /.nav-collapse -->
                </div>
            </div>
            <!-- /navbar-inner -->
        </div>
        <!-- /navbar -->
    </div>
    @RenderBody()
    <!--Footer-->
    <div class="container" id="footer" style="margin-top: 20px;">
        <div class="row">
            <div class="span3 well">
                <img src="~/img/giaithuong.png" />
            </div>
            <div class="span7 well" style="margin-left: 100px; height: 64px;">
                <img class="span2" src="~/img/btn-android.png" />
                <img class="span2" style="margin-left: 40px;" src="~/img/btn-appstore.png" />
                <img class="span2" style="margin-left: 40px;" src="~/img/btn-googleplay.png" />
            </div>
        </div>
        <div class="row" style="margin-top: 20px;">
            <div class="span3 pull-right">
                <a href="#">© Copyright 2013 by ÉpShare</a>
            </div>
        </div>
    </div>
    <!--Login modal-->
    <div id="loginModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
        <div class="modal-body">
            <div id="loginContent">
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Đóng</button>
        </div>
    </div>
    <!--End login modal-->
    <!--Content modal-->
    <div id="contentModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
        <div class="modal-body">
            <div id="contentBody">
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Đóng</button>
        </div>
    </div>
    <!--End content modal-->
</body>
</html>
